<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>这是第三课的第一个文件</title>
	</head>

	<body>
		<h1 align="center">表单模块</h1>
		<hr>
		<p>form、input、button、select、label：</p>
		<p>
			form：action提交到哪里、method提交方式、enctype="multipart/form-data"上传文件需要加这条属性<br>
			input：type类型、checked、disabled、name、readonly、size、value<br>
			label：表单元素标签
		</p>
		<p>演示：<label for="name">点击编辑个人资料</label></p>
		
		<form action="" target="_blank" method="post" enctype="multipart/form-data">
			<p>
				<input type="text" name="wd" value="我的简历" />
				<input type="text" readonly="readonly" value="这里是只读信息">
				<input type="text" disabled="disabled" value="这里是禁止使用的">
				<input type="text" size="5" value="这里只有5个长度">
				<input type="text" maxlength="5" value="输入字符最多5个">	
			</p>
			<p>
				<label>姓名：<input id="name" type="text" name="name" value="张煜德"></label>
				<input type="hidden" name="id" value="10">
			</p>
			<p>
				<label>
					籍贯：
					<select name="origin">
						<option value="0">请选择</option>
						<option value="jiangsu">江苏</option>
						<option value="anhui" selected="selected">安徽</option>
						<option value="beijing">北京</option>
						<option value="shanghai">上海</option>
						<option value="guangzhou">广州</option>
					</select>
				</label>
			</p>
			<p>
				<label>
					喜欢的城市：
					<select name="like" multiple="multiple" size="6">
						<option value="0">请选择</option>
						<option value="jiangsu" selected="selected">江苏</option>
						<option value="anhui">安徽</option>
						<option value="beijing">北京</option>
						<option value="shanghai" selected="selected">上海</option>
						<option value="guangzhou">广州</option>
					</select>
				</label>
			</p>
			<p>
				<label>
					头像：
					<input name="portrait" type="file">
				</label>
			</p>
			<p>
				年龄：<input type="text" name="ages" value="23" size="3">
			</p>
			<p>
				性别：
				<label><input name="sex" type="radio" value="0">保密</label>
				<label><input name="sex" type="radio" value="1" checked="checked">男</label>
				<label><input name="sex" type="radio" value="2">女	</label>
			</p>
			<p>
				婚否:
				<input id="marriage1" name="marriage" type="radio" value="1" checked="checked">
				<label for="marriage1">已婚</label>

				<input id="marriage2" name="marriage" type="radio" value="2">
				<label for="marriage2">未婚</label>
			</p>
			<p>
				爱好：
				<label><input name="hobby" type="checkbox" value="read" checked="checked">读书</label>
				<label><input name="hobby" type="checkbox" value="game" disabled="disabled">游戏</label>
				<label><input name="hobby" type="checkbox" value="study" checked="checked">学习</label>
			</p>

			<p>个人简介：</p>
			<textarea name="introduce" cols="30" rows="10">我是一个率直诚实，勤劳勇敢的好少年</textarea>

			<p>
				简历查看密码：<input type="password" name="pwd" value="zyd123">
			</p>


			<input type="reset" value="重置表单">
			<button>提交订单</button>

			<!-- <input type="submit" value="提交表单"> -->
			<!-- <input type="image" src="http://www.w3school.com.cn/i/table_bg_html5.gif"> -->

		</form>

		<form action="">
			
		</form>

	</body>
</html>